
  var dl = document.getElementsByClassName('dl')[0]
  var zc = document.getElementsByClassName('zc')[0]
  var dengl = document.getElementsByClassName('dengl')[0]
  var zhuc = document.getElementsByClassName('zhuc')[0]
  // var zhuc1 = document.getElementsByClassName('zhuc-1')[0]
  var dengl1 = document.getElementsByClassName('dengl-1')[0]
  var dengl2 = document.getElementsByClassName('dengl-2')[0]
  var dengl3 = document.getElementsByClassName('dengl-3')[0]
  var form = document.getElementsByTagName('form')
  console.log(form[2], form[0], form[1]);
  
  dl.onclick = function () {
   
    dengl.style.display = 'block'
    dengl1.style.display = 'block'
    dengl.onclick = function (event) {
      var event = event || window.event
      event.stopPropagation()
      // form[2].style.display='none'

      dengl.style.display = 'none'
      dengl1.style.display = 'none'
      dengl2.style.display = 'none'
    }
  }

  zc.onclick = function () {
   
    zhuc.style.display = 'block'
    
    dengl2.style.display = 'block'
    zhuc.onclick = function () {
      zhuc.style.display = 'none'
      dengl2.style.display = 'none'
     
    }
  }
  var id = document.getElementById('idzc')
  var user = document.getElementsByName('user')[1]
  var passname = document.getElementsByName('passname')[1]
  var yzma = document.getElementsByName('yzma')[1]

  console.log(user, passname, yzma, 1);

  var id1 = document.getElementById('idzc1')
  var user1 = document.getElementsByName('user')[0]
  var passname1 = document.getElementsByName('passname')[0]
  var yzma1 = document.getElementsByName('yzma')[0]
  // console.log(user1, passname1, yzma1);
  // console.log(user1, passname1, yzma1, 0);
  var zhengz1=document.getElementsByClassName('zhengz1')[0]
  var zhengz2=document.getElementsByClassName('zhengz2')[0]
  var zhengz3=document.getElementsByClassName('zhengz3')[0]
  var zhengz4=document.getElementsByClassName('zhengz4')[0]
  var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  var ePattern1=/^[1-9][0-9]{4,10}$/;
  user1.onclick=function(){
    zhengz1.style.display='none'
    zhengz2.style.display='none'
    user1.onchange=function(){
    console.log(ePattern.test(this.value));
    if(ePattern.test(this.value)==true){
      zhengz1.style.display='block'
    }else{ zhengz2.style.display='block'}
  }
  }
  passname1.onclick=function(){
    zhengz3.style.display='none'
    zhengz4.style.display='none'
    passname1.onchange=function(){
    // console.log(ePattern.test(this.value));
    if(ePattern1.test(this.value)==true){
      zhengz3.style.display='block'
    }else{ zhengz4.style.display='block'}
  }
  }
  
  var id2 = document.getElementById('idzc2')
  var user2 = document.getElementsByName('user')[2]
  var passname2 = document.getElementsByName('passname')[2]
  var yzma2 = document.getElementsByName('yzma')[2]
  var d2 = document.getElementsByClassName('d2')[0]
  d2.onclick = function () {
    dengl1.style.display = 'none'
    dengl3.style.display = 'block'
    // dengl.style.display = 'none'
  }

  //登录 =dl
  id1.onclick = function (event) {
    event.preventDefault()
    // 发送ajax
    //创建
    var xhr = new XMLHttpRequest
    //打开后端地址
    xhr.open('POST', 'http://127.0.0.1:3000/post1')
    //发送信息
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')

    // var obj={emalis:em.value,emalicode:em1.value}

    // xhr.send(obj)
    xhr.send(`user=${user1.value}&passname=${passname1.value}&yzma=${yzma1.value}`)
    xhr.onload = function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        // console.log(xhr.responseText);
        var sju = JSON.parse(xhr.responseText)
        console.log(sju, 123);
        if (sju.code == 200) {
          alert(sju.mas)
          location.href = 'http://127.0.0.1:3000'
        } else if (sju.code == 300) {
          alert(sju.mas)
          location.href = 'http://127.0.0.1:3000'
        } else {
          alert(sju.mas)
          location.href = 'http://127.0.0.1:3000'
        }
      }

      // if (xhr.readyState == 4 && xhr.status == 200) {

      //   // console.log(xhr.responseText);
      //   var sju = JSON.parse(xhr.responseText)
      //   console.log(sju);
      //   if (sju.user == user1.value&&sju.passname == passname1.value) {
      //     alert('登录成功')
      //   //   console.log(521);
      //   //   console.log(sju);
      //   //  console.log(user1.value);
      //     location.href = 'http://127.0.0.1:3000'
      //   }
      // } else {
      //   // console.log(sju);
      //   console.log(520);
      //   alert('登录失败重新登录')
      //     // location.href = 'http://127.0.0.1:3000'
      // }
    }
  }

  //注册
  id.onclick = function (event) {
    event.preventDefault()
    // 发送ajax
    //创建
    var xhr = new XMLHttpRequest
    //打开后端地址
    xhr.open('POST', 'http://127.0.0.1:3000/post')
    //发送信息
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')

    // var obj={emalis:em.value,emalicode:em1.value}

    // xhr.send(obj)
    xhr.send(`user=${user.value}&passname=${passname.value}&yzma=${yzma.value}`)
    xhr.onload = function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        // console.log(xhr.responseText);
        var sju = JSON.parse(xhr.responseText)
        console.log(sju, 123);
        if (sju.code == 200) {
          alert('注册成功')
          location.href = 'http://127.0.0.1:3000'
        }
      } else {
        alert('注册失败')
        location.href = 'http://127.0.0.1:3000'
      }

      // if (xhr.readyState == 4 && xhr.status == 200) {

      //   // console.log(xhr.responseText);
      //   var sju = JSON.parse(xhr.responseText)
      //   console.log(sju);
      //   if (sju.user == user1.value&&sju.passname == passname1.value) {
      //     alert('登录成功')
      //   //   console.log(521);
      //   //   console.log(sju);
      //   //  console.log(user1.value);
      //     location.href = 'http://127.0.0.1:3000'
      //   }
      // } else {
      //   // console.log(sju);
      //   console.log(520);
      //   alert('登录失败重新登录')
      //     // location.href = 'http://127.0.0.1:3000'
      // }
    }
  }

  //找回密码
  id2.onclick = function (event) {
    event.preventDefault()
    // 发送ajax
    //创建
    var xhr = new XMLHttpRequest
    //打开后端地址
    xhr.open('POST', 'http://127.0.0.1:3000/post2')
    //发送信息
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')

    // var obj={emalis:em.value,emalicode:em1.value}

    // xhr.send(obj)
    xhr.send(`user=${user2.value}&passname=${passname2.value}&yzma=${yzma2.value}`)
    xhr.onload = function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        // console.log(xhr.responseText);
        var sju = JSON.parse(xhr.responseText)
        console.log(sju, 123);
        if (sju.code == 200) {
          alert(sju.mas)
          location.href = 'http://127.0.0.1:3000'
        } else {
          alert(sju.mas)
          location.href = 'http://127.0.0.1:3000'
        }
      }

      // if (xhr.readyState == 4 && xhr.status == 200) {

      //   // console.log(xhr.responseText);
      //   var sju = JSON.parse(xhr.responseText)
      //   console.log(sju);
      //   if (sju.user == user1.value&&sju.passname == passname1.value) {
      //     alert('登录成功')
      //   //   console.log(521);
      //   //   console.log(sju);
      //   //  console.log(user1.value);
      //     location.href = 'http://127.0.0.1:3000'
      //   }
      // } else {
      //   // console.log(sju);
      //   console.log(520);
      //   alert('登录失败重新登录')
      //     // location.href = 'http://127.0.0.1:3000'
      // }
    }
  }

  //注册  =cz
  // id.onclick = function (event) {
  //   event.preventDefault()
  //   // 发送ajax
  //   //创建
  //   var xhr = new XMLHttpRequest
  //   //打开后端地址
  //   xhr.open('POST', 'http://127.0.0.1:3000/post')
  //   //发送信息
  //   xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
  //   // var obj={emalis:em.value,emalicode:em1.value}
  //   // xhr.send(obj)
  //   xhr.send(`user=${user.value}&passname=${passname.value}&yzma=${yzma.value}`)
  //   xhr.onreadystatechange = function () {
  //     if (xhr.readyState == 4 && xhr.status == 200) {
  //       // console.log(xhr.responseText);
  //       var sju = JSON.parse(xhr.responseText)
  //       if (sju.code == 200) {
  //         alert('注册成功')
  //         location.href = 'http://127.0.0.1:3000'
  //       }
  //     } else {
  //       alert('注册失败')
  //       location.href = 'http://127.0.0.1:3000'
  //     }
  //     // if (xhr.readyState == 4 && xhr.status == 200) {
  //     //   // console.log(xhr.responseText);
  //     //   var sju = JSON.parse(xhr.responseText)
  //     //   console.log(sju,123);
  //     //   if (sju.code == 200) {
  //     //     alert(sju.mas)
  //     //     location.href = 'http://127.0.0.1:3000'
  //     //   }
  //     // }else if(sju.code == 300){
  //     //   alert(sju.mas)
  //     //     location.href = 'http://127.0.0.1:3000'
  //     // }else{
  //     //   alert(sju.mas)
  //     //     location.href = 'http://127.0.0.1:3000'
  //     // }
  //   }
  // }
